@charset "utf-8";
.more{background: url(../images/more.png); width: 132px;height: 28px;text-align: left;color: #000;font-size: 16px;;font-weight: bold;box-sizing: border-box;text-indent: 10px}
.more:hover{background: url(../images/more_h.png); width: 132px;height: 28px;text-align: left;color: #ffde00;font-size: 16px;;font-weight: bold}

/*产品分类*/
.szyet_product {padding: 40px 0;position: relative;box-sizing: border-box;}
.szyet_product ul{display: flex;flex-wrap: wrap;justify-content: space-around;padding: 30px 0}
.szyet_product ul li{width: 580px;border: 1px solid #efefef; box-sizing: border-box;padding: 20px;margin-bottom: 20px;position: relative;overflow: hidden;text-align: left}
.szyet_product ul li a{display: block;width: 540px; height: 260px;box-sizing: border-box;}
.szyet_product ul li em{font-style: normal;font-size: 24px; font-family: Impact;color: #efefef;display: block;}
.szyet_product ul li span{font-size: 24px;color: #333;font-weight: bold;line-height: 240%}
.szyet_product ul li .more{position: absolute;left: 20px;bottom: 20px}
.szyet_product ul li .more{background: url(../images/more.png); width: 132px;height: 28px;text-align: left;color: #000;font-size: 16px;;font-weight: bold}
.szyet_product ul li a:hover .more{background: url(../images/more_h.png); width: 132px;height: 28px;text-align: left;color: #ffde00;font-size: 16px;;font-weight: bold}
.szyet_product ul li:hover:before{content: '';height: 3px; background: #ffde00;width: 100%;position: absolute;top:-1px;left: 0}
.szyet_product ul li a img{ transition: all 0.6s; -ms-transition: all 0.8s;}
.szyet_product ul li a:hover img{    transform: scale(1.05);-ms-transform: scale(1.05);}
.szyet_product ul li a .right{width: 300px; height: 265px;overflow: hidden;}
.szyet_product ul li a .left{width: 240px;}

/*公司简介*/
.szyet_about{padding: 0 0;background: url(../images/about_bg.jpg) center 528px;position: relative;}
.szyet_about:before{content: '';background:url(../images/index_about_bg.jpg) center no-repeat; height: 528px; width: 100%;position: absolute;top: 0;z-index: 1}
.szyet_about .more{position: absolute;right: 0;top: 20px}
.szyet_about .szyet_about_con{box-sizing: border-box;background: #fff;padding: 30px; -moz-box-shadow: 0 0 5px #888888; /* 老的 Firefox */box-shadow: 0 0 5px #888888;position: relative; z-index: 3}
.szyet_about .szyet_about_con:before{content: '';width: 200px; background: #ffde00;height: 3px;position: absolute;top: 0;left: 0}
.szyet_about .szyet_about_con .fl{ width:795px;}
.szyet_about .szyet_about_con .fl p{text-indent: 30px; font-size: 14px; line-height: 240%;color: #666}
.szyet_about .szyet_about_con .fr{ }
.szyet_about .szyet_about_con .fr img{ width: 100%;box-sizing: border-box;width: 306px; height: 284px}
.szyet_about .szyet_about_con_1{ font-size: 36px;letter-spacing: 2px;text-align: left;line-height: 180%; height: 428px; color: #fff;position: relative;z-index: 2;box-sizing: border-box;padding-top: 120px}
.szyet_about .szyet_about_con_1:after{content: '';width: 100px; background: #ffde00;height: 5px;position: absolute;top: 90px;left: 0}
.szyet_about .szyet_about_con_2{padding: 40px 0 20px}

.szyet_about .szyet_about_con_2 .hd{ position:relative;height: 50px}
.szyet_about .szyet_about_con_2 .hd ul{ float:left; }
.szyet_about .szyet_about_con_2 .hd ul li{ float:left;  cursor:pointer;line-height: 50px;font-size: 24px;position: relative;padding: 0 20px 0 30px}
.szyet_about .szyet_about_con_2 .hd ul li:before{content: '';width: 20px; height: 3px; background: #333333;position: absolute;left: 0;top: 25px}
.szyet_about .szyet_about_con_2 .hd ul li .on{}
.szyet_about .szyet_about_con_2 .hd ul .on:before{content: '';width: 20px; height: 3px; background: #ffde00;position: absolute;left: 0;top: 25px}

.szyet_about .szyet_about_con_2 .more{position: absolute;right: 0;top: -30px}
.szyet_about .szyet_about_con_2 .bd ul{ padding:15px 0;  zoom:1; position: relative; }
.szyet_about .szyet_about_con_2 .bd ul .con{width: 100%;}
.szyet_about .szyet_about_con_2 .bd ul li:first-child{ width: 590px;height: 500px;margin-left: 0}
.szyet_about .szyet_about_con_2 .bd ul li:first-child .tit{position: absolute;bottom: 0; height: 50px;background: rgba(255,222,0,0.8);color: #333;text-align: center;width: 100%;line-height: 50px;font-weight: bold}

.szyet_about .szyet_about_con_2 .bd ul li{width: 280px; height: 237px;float: left;margin-left: 25px;margin-bottom: 25px;position: relative;}
.szyet_about .szyet_about_con_2 .bd ul li img{ width: 100%}
.szyet_about .szyet_about_con_2 .bd ul li .tit{position: absolute;bottom: 0; height: 35px;background: rgba(0,0,0,0.8);color: #fff;text-align: center;width: 100%;line-height: 35px}



.szyet_news{padding: 0 0 ;position: relative;background: url(../images/news_bg.gif) no-repeat center 0;}
.szyet_news .more{position: absolute;right: 0;top: 78px}
.szyet_news .left{width: 600px;margin: 20px 0;position: relative; }
.szyet_news .left img{ width: 100%; height: 400px}
.szyet_news .left .con{width: 90%;padding:30px 30px;background: #fff; box-sizing: border-box;position: absolute;bottom: -100px;left: 5%; height: 200px}
.szyet_news .left .con h3{font-size: 16px;}
.szyet_news .left .con p{padding: 10px 0;font-size: 16px;line-height: 180%;color: #666666;display: block;}
.szyet_news .left .con img{width: 60px; height: 15px}

.szyet_news .right{width: 570px}
.szyet_news .right dl{margin-bottom: 20px;margin-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #efefef}
.szyet_news .right dl .fl{ width: 185px; }
.szyet_news .right dl img{border: 1px solid #efefef;box-sizing: border-box;}
.szyet_news .right dl .fr{width: 360px}
.szyet_news .right dl dt{font-size: 16px;font-weight: bold;line-height: 240%;}
.szyet_news .right dl dd{font-size: 16px; color: #666666;line-height: 180%}
.szyet_news .right dl dd img{border: none;float: right;padding: 5px 0}